<template>
  <div class="tab-content-wrapper">
    <MyNavBar></MyNavBar>

    <div class="tabwrapper">
      <RouterLink active-class="active" class="tab" to="/film/nowPlaying">
        <span>正在热映</span>
      </RouterLink>
      <RouterLink active-class="active" class="tab" to="/film/comingSoon">
        <span>即将上映</span>
      </RouterLink>
    </div>
    <RouterView />
  </div>
</template>
<script>
import { getPlayings, getComings } from "../api/movieApi";
import MyNavBar from "@components/MyNavBar.vue";

export default {
  components: {
    MyNavBar,
  },

  data() {
    return {
      playings: [],
      err: null,
    };
  },
};
</script>
<style lang="scss" scoped>
.tabwrapper {
  display: flex;
  border-bottom: 1px solid #eee;

  .tab {
    flex-grow: 1;
    height: 49px;
    line-height: 49px;
    text-align: center;
  }
}
</style>
